$(function(){
    $("ul li:not(ol>li)").css("margin-right","10px")
    $("ul li:eq(2)").css("margin","0px")
    $("ul>li:last").css("background-color","#f0f0f0")
    $("ul span:lt(3)").css("background-color","#f0a30f")
    $("ul span:gt(2)").css("background-color","#a4a3a3")
    $("ol li").mouseover(function(){
        $(this).find('p').show()
    })
    $("ol li").mouseout(function(){
        $(this).find('p').hide()
    })
   
    $("#play ol li:first").append($("<img src=../img/orange.jpg class=up>")) 
    $("#play ol li:eq(1)").append($("<img src=../img/green.jpg class=up>"))
    $("#play ol li:eq(2)").append($("<img src=../img/orange.jpg class=up>"))
    $("#play ol li:eq(3)").append($("<img src=../img/orange.jpg class=up>"))
    $("#play ol li:gt(3)").append($("<img src=../img/green.jpg class=up>"))
    $("#play ol li img").css({
        "float":"right"
    })
})